<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta userName="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/operationTemporaryProjectAudit.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datetimepicker.js" ></script>
    <script src="js/bootstrap-datetimepicker.fr.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
    <script src="js/timeInput.js"></script>
    <script src="js/style.js"></script>
    <script src="js/operationTemporaryProjectAudit.js"></script>
    <script src="js/global.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="personnelAnalysis.html">人事管理</a></li>
                <!--<li><a href="marketingManager.html">营销管理</a></li>-->
                <li class="active"><a href="operationProjectManager.html">运营管理</a></li>
                <!--<li><a href="financialManager.html">财务管理</a></li>-->
                <li><a href="warehouseGoodsBaseInformation.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="" class="container-fluid main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <a href="personnelCenter.html"><img class="userImg" src="imgs/user.png" href="personnelCenter.html" data-toggle="tooltip" data-placement="bottom" title="个人中心"></a>
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li">
                <a class="menu-link" href="operationProjectManager.html">
                    <img src="imgs/manage.png">
                    <div>项目管理</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/task_fill.png">
                    <div>临时活动    <span class="glyphicon glyphicon-triangle-bottom"></span></div>
                </a>
                <ul class="sub-menu">
                    <li class="sub-menu-li">
                        <a href="operationTemporaryProjectApply.html" class="sub-menu-link">
                            活动申请
                        </a>
                    </li>
                    <li class="sub-menu-li sub-li-active">
                        <a href="operationTemporaryProjectAudit.html" class="sub-menu-link">
                            活动审核
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="operationTemporaryProjectManager.html" class="sub-menu-link">
                            活动管理
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li none">
                <a class="menu-link" href="operationAfterSaleManager.html">
                    <img src="imgs/addressbook.png">
                    <div>售后管理</div>
                </a>
            </li>
        </ul>
    </div>
    <!--------------------------------------------------------申请记录panel-------------------------------------------------------------->
    <!---------------------------------------------------------------------------------------------------------------------->
    <div class="right-panel ">

        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>活动审核</li>
                </ul>
            </div>
        </div>

        <div class="main-body-content">

            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="dropdown  select-department" style="padding: 0;float: left;">
                            <button style="border-bottom-right-radius: 0px; border-top-right-radius: 0px;" class="btn btn-default dropdown-toggle" type="button" value='-1' id="selectStatus-dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                选择状态
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu selectStatus-dropdownMenu-ul" aria-labelledby="selectStatus-dropdownMenu">
                                <li><a value="-1">选择状态</a></li>
                                <li><a value="0">未审核</a></li>
                                <li><a value="1">通过</a></li>
                                <li><a value="2">未通过</a></li>
                            </ul>
                        </div>

                        <button style="border-left: none;border-bottom-left-radius: 0px;border-top-left-radius: 0px;" class="btn btn-default" type="button" onclick="searchByStatus()">搜索</button>
                        <button class="btn btn-default" type="button" onclick="getAllTemporaryApply()">搜索全部</button>
                    </div>
                    <div class="search-right">

                    </div>
                </div>
            </div>

            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 100px">申请表编号</th>
                        <th>申请人</th>
                        <th>出勤部门</th>
                        <th>出勤时间</th>
                        <th>申请时间</th>
                        <th>审核人</th>
                        <th>审核状态</th>
                        <th style="width: 50px">详情</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="temporaryProjectAudit-id"></td>
                        <td class="temporaryProjectAudit-applyUser"></td>
                        <td class="temporaryProjectAudit-department"></td>
                        <td class="temporaryProjectAudit-workDate"></td>
                        <td class="temporaryProjectAudit-applyTime"></td>
                        <td class="temporaryProjectAudit-auditor"></td>
                        <td class="temporaryProjectAudit-status"></td>
                        <td class="">
                            <a  data-toggle="modal" data-target="#myModal-temporaryProjectAuditDetails" onclick="setTemporaryProjectAuditRecordModal(this)"><span class="glyphicon glyphicon-check" aria-hidden="true"></span></a>
                        </td>
                    </tr>
   

                    </tbody>
                </table>
            </div>

            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control skipPage" placeholder="">
                            <span class="input-group-btn">
                                  <button id="jump-button" class="btn btn-default" type="button" onclick="skipPage()">跳转</button>
                               </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="nextPage()"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span class="currentPage"></span>/<span class="totalPage"></span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="previousPage()"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>


        </div>
    </div>
</div>
<!--------------------------------------------------------申请表详情modal-------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-temporaryProjectAuditDetails" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-PurchaseApplyDetails">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body" style="padding: 15px 20px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="top-body" style="margin-top: 30px">
                            <h3 style="text-align: center"><b>外勤申请</b></h3>
                        </div>
                        <div class="main-table col-xs-12 ">
                            <div style="height: 35px; border-bottom: 1px solid #000000">
                                <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">制表人</label></div>
                                <div id="makeTablePerson" class="col-xs-3" style="border:none; border-right: 1px solid #000000;border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                                <div class="col-xs-3"  style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">出勤时间</label></div>
                                <div id="workDate" class="col-xs-3" style="border:none; border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                            </div>
                            <div style="height: 35px; border-bottom: 1px solid #000000">
                                <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">出勤部门</label></div>
                                <div id="department" class="col-xs-3" style="border:none; border-right: 1px solid #000000;border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                                <div class="col-xs-3"  style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">申请人</label></div>
                                <div id="applyUser" class="col-xs-3" style="border:none; border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                            </div>
                            <div style="height: 35px; border-bottom: 1px solid #000000">
                                <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">审核人</label></div>
                                <div id="auditor" class="col-xs-3" style="border:none; border-right: 1px solid #000000;border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                                <div class="col-xs-3"  style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">审核状态</label></div>
                                <div id="status" class="col-xs-3" style="border:none; border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                            </div>
                            <div style="height: 35px; border-bottom: 1px solid #000000">
                                <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">服务费</label></div>
                                <div id="serviceCharge" class="col-xs-3" style="border:none; border-right: 1px solid #000000;border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                                <div class="col-xs-3"  style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 34px">出勤人次</label></div>
                                <div id="personNumber" class="col-xs-3" style="border:none; border-left: 1px solid #000000;height: 34px;line-height: 34px;text-align: center"></div>
                            </div>
                            <div style="height: 81px; border-bottom: 1px solid #000000">
                                <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 80px">备注</label></div>
                                <textarea id="content" class="col-xs-9" style="border:none; border-left: 1px solid #000000;height: 80px;"></textarea>
                                </div>
                            <div class="checkTable-body">
                                <table class="table table-bordered temporaryProjectManagerDetails-table-selfDefine">
                                    <thead>
                                    <tr >
                                        <th style="width: 60px;">序号</th>
                                        <th >姓名</th>
                                        <th style="width: 120px;">基本补助</th>
                                        <th style="width: 70px;">天数</th>
                                        <th style="width: 120px; border-right: none;">小计</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <!--<tr class="table-tr">-->
                                    <!--<td>1</td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td style="border-right: none"></td>-->
                                    <!--</tr>-->
                                    </tbody>
                                </table>
                            </div>
                            <div style="height: 41px; border-bottom: 1px solid #000000">
                                <div class="col-xs-6" style="text-align: center;border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 40px">总计金额</label></div>
                                <div id="totalWage" class="col-xs-6"  style="height: 100%;text-align: center;line-height: 40px"></div>
                            </div>
                            <div class="check-div" style="height: 111px; border-bottom: 1px solid #000000">
                                <div class="col-xs-3" style="text-align: center;border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 110px">审核意见</label></div>
                                <div class="col-xs-9"  style="height:100%;text-align: center;padding: 0">
                                    <textarea id="note" style="height: 100%;"></textarea>
                                </div>
                            </div>
                            <div style="height: 31px; border-bottom: 0px solid #000000">
                                <div class="col-xs-3" style="text-align: center;border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 30px">审核人</label></div>
                                <div id="auditor2" class="col-xs-9" style="border:none;height: 30px;line-height: 30px;text-align: center" value=""></div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-default" onclick="submitAudit(2)">不同意</button>
                <button type="button" class="btn btn-primary" onclick="submitAudit(1)">同意</button>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------------------选择部门（模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade bs-example-modal-sm" id="myModal-selectDepartment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-selectDepartment">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel-selectDepartment">选择部门</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectDepartment-ul" style="height: 200px;overflow-y: scroll">
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" value="" class=" btn btn-primary selectDepartment-button">确认</button>
            </div>
        </div>
    </div>
</div>

<!---------------------------------------------------------选择多个人modal--------------------------------------------------------->
<!------------------------------------------------------------------------------------------------------------------>
<div class="modal fade" id="myModal-selectStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title col-xs-5" id="myModalLabel">选择多个员工</h4>
                <div class="col-xs-6 modal-searchInput">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button style="height: 28px;padding: 2px 2px;" class="btn btn-default dropdown-toggle" type="button" value="0" id="selectSearchWay-dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                姓名
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="selectSearchWay-dropdownMenu">
                                <li><a value="0">姓名</a></li>
                                <li><a value="1">工号</a></li>
                                <li><a value="2">IC卡号</a></li>
                            </ul>
                        </div>
                        <input type="text" class="form-control" placeholder="">
                        <span class="input-group-addon glyphicon glyphicon-search" onclick="searchByName_modal(this)" aria-hidden="true"></span>
                    </div>
                </div>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form id="form-selectStaff1" class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectStaff-department-ul col-xs-6" style="height: 200px;overflow-y: auto;">
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <div class="selectAllDepartmentStaffs"></div>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                        </ul>
                        <ul class="selectStaff-staff-ul2 col-xs-6 hidden" style="height: 200px;overflow-y: auto;">

                        </ul>
                        <div class="col-xs-6" style="border-left: 1px solid #E5E5E5; height: 200px;overflow-y: auto;">
                            <ul class="selectedStaff-staff-ul">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary selectedStaffs-button" value="" onclick="selectedPeople(this)" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!---------------------------------------------------------选择一个人modal--------------------------------------------------------->
<!------------------------------------------------------------------------------------------------------------------>
<div class="modal fade" id="myModal-selectOneStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title col-xs-5" id="myModalLabel-selectOneStaff">选择员工</h4>
                <div class="col-xs-6 modal-searchInput">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button style="height: 28px;padding: 2px 2px;" class="btn btn-default dropdown-toggle" type="button" value="0" id="selectSearchOneWay-dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                姓名
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="selectSearchWay-dropdownMenu">
                                <li><a value="0">姓名</a></li>
                                <li><a value="1">工号</a></li>
                                <li><a value="2">IC卡号</a></li>
                            </ul>
                        </div>
                        <input type="text" class="form-control" placeholder="">
                        <span class="input-group-addon glyphicon glyphicon-search" onclick="searchOneByName_modal(this)" aria-hidden="true"></span>
                    </div>
                </div>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form id="form-selectOneStaff" class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectOneStaff-department-ul" style="height: 200px;overflow-y: auto;">
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                        </ul>
                        <ul class="selectOneStaff-staff-ul2 col-xs-12 hidden" style="height: 200px;overflow-y: auto;">

                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>